<template>
  <div>
    <div class="title">
      <i class="iconfont" :style="{ color: '#4b8af4' }" v-html="'&#xe790;'" />
      {{ title }}
    </div>
  </div>
</template>
<script>
export default {
  id: 'custom-company-title',
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  }
}
</script>
<style lang="scss" scoped>
.title {
  i {
    font-size: 31px;
    color: #328bf3;
    margin-right: 8px;
    padding: 14px;
    background-color: #edf0f5;
    border-radius: 8px
  }
  padding: 15px 0;
  font-size: 31px;
  color: #328bf3;
  vertical-align: middle;
  font-weight: bold;
  display: inline-block;
}
</style>
